<%@ tag language="java" pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib tagdir="/WEB-INF/tags" prefix="site" %>

<%@attribute name="title"%>
<%@attribute name="navigation" fragment="true" %>
<%@include file="tag-inc.jspf" %>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>${title}</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="content-type" name="keywords" content="PhotoBlog,$title,<IMAGE_TITLE>,Pixelpost" />
<meta http-equiv="content-type" name="description" content="<SITE_TITLE>-PhotoBlog: <IMAGE_TITLE>, <IMAGE_NOTES_CLEAN>" />

<link rel="stylesheet" type="text/css" href="${res}/styles/horizon.css" />

<script src="${res}/scripts/lib/prototype.js" type="text/javascript"></script>
<script src="${res}/scripts/src/scriptaculous.js"
	type="text/javascript"></script>
</head>

<body>

	<div id="image-info" style="display: none">

		<div class="inside">
			<h2>
				<IMAGE_TITLE> <em><IMAGE_DATE>
				</em> <em><IMAGE_COMMENTS_NUMBER> <COMMENT_POPUP>
				</em>
			</h2>

			<div id="image_notes">
				<IMAGE_NOTES>
				<p>
					<a href="#"
						onclick="Effect.toggle('image-info','BLIND'); return false;">(close)</a>
				</p>
			</div>
			<!-- End image notes -->

			<div id="image_comments">
				<IMAGE_COMMENTS>
			</div>
			<!--/image comments -->

		</div>
		<!-- /inside -->
		<div class="clear"></div>
	</div>
	<!--/d2 -->

	<div id="header">
		<div class="inside">
			<h1>
				<a href="${cp}/" title="Return to current image"><SITE_TITLE>
				</a>
			</h1>
			
			<c:if test="${not empty navigation}">
				<jsp:invoke fragment="navigation" />
			</c:if>
			<c:if test="${empty navigation }">
				<site:nav-links />
			</c:if>
		</div>
		<!-- /inside -->
	</div>
	<!-- /header -->

	<jsp:doBody />
	<!-- /photo -->

	<div id="infobox">
		<div id="image-navigate" class="inside">
			<ul>
				<li class="left"><IMAGE_PREVIOUS_LINK>
				</li>
				<li class="left" style="text-align: center"><a href="#"
					onclick="Effect.toggle('image-info','BLIND'); return false;">Info
						&amp; <IMAGE_COMMENTS_NUMBER> Comments 
				</a>
				</li>
				<li class="right" style="text-align: right"><IMAGE_NEXT_LINK>
				</li>
			</ul>
		</div>
	</div>
	<!--/infobox -->


	<div id="footer">
		<ul>
			<li>This website uses valid <a
				href="http://validator.w3.org/check/referer"
				title="This website uses Valid xHTML">xHTML</a> / <a
				href="http://jigsaw.w3.org/css-validator/check/referer"
				title="This website uses Valid CSS2">CSS</a>
			</li>
		</ul>
		<ul>
			<li>&copy; Brainard Photography</li>
			<li><SITE_RSS_LINK>
			</li>
			<li><SITE_ATOM_LINK>
			</li>
			<li><c:if test="${not empty user}">
					<a href="${logoutURL}">${user.nickname}</a>
					- <a href="${cp}/admin">Admin</a>
				</c:if> <c:if test="${empty user}">
					<a href="${loginURL}">Login</a>
				</c:if></li>
		</ul>
	</div>


</body>
</html>
